<?xml version="1.0" encoding="UTF-8" ?>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<%@ taglib tagdir="/WEB-INF/tags" prefix="base" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="StyleSheet"  href="../categoria/categoria.css" type="text/css" media="screen"/>
<script type="text/javascript" src="../categoria/categoria.js" ></script>
<script type="text/javascript" src="../javascript/prototype.js" ></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/estilo.css" type="text/css">
<title>AZ Informática - Base de Conhecimento</title>
</head>
<body>
<base:templatePrincipal>
	<table>
		<tr>
			<td align="center" height="48" width="90">
				<img src="../images/block-device-icon.png" border="0" width="48" height="48">
			</td>
			<td>
				<span style="font-weight: bold; font-family:Arial,Liberation Sans,DejaVu Sans,sans-serif">Categorias</span>
			</td>			
		</tr>	
		<tr>
			<td>
				
			</td>
			<td>
				<span class="PaginaRotulo">Buscar por:</span>
			</td>
		</tr>
		<tr>
			<td>
				
			</td>
			<td>
				<input type="text" size="35" onkeyup="filtrar(this.value)" class="PaginaInput"/>
			</td>
		</tr>
		<tr>
			<td><br><br>				
			</td>
			<td>
				<div id="main_div" class="main_div">
					<c:forEach items="${categorias}" var="categoria">
						<div class="categoria_div">
							<a href="${pageContext.request.contextPath}/dica/visualizarDicasCategoria.htm?categoria=${categoria.nome}" class="categoria_link" >${categoria.nome}</a>
						</div>
					</c:forEach>
				</div>
			</td>
		</tr>
	</table>	
</base:templatePrincipal>
</body>
</html>